<script setup>
import Collapse from '@/components/Collapse/MyCollapse.vue'
import Item from '@/components/Collapse/MyCollapseItem.vue'
import { ref } from 'vue';
const openedValue = ref(['a'])

</script>
<template>
  <div class="basic block">
    <Collapse v-model="openedValue" accordion>
      <Item name="a" title="Title A">
        <h1>headline title</h1>
        <div>this is content a aaa</div>
      </Item>
      <Item name="b" title="Title B">
        <div>this is bbbbb test</div>
      </Item>
      <Item name="c" title="Title C">
        <div>this is cccc test</div>
      </Item>
    </Collapse>
  </div>
</template>